<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
	<p:dialog id="dlgPrincipal" header="#{mensaje.titulo_recepciones}" widgetVar="dlg"
		resizable="false" modal="true" appendTo="@(body)" width="1000" 
		height="500" dynamic="true" closable="false">

		<h:form id="frm_RP">
			<h1>#{mensaje.titulo_recepcion}</h1>
						
			<p:commandButton  action="#{loteBean.guardar()}"
				value="#{mensaje['comun.guardar']}" icon="ui-icon-disk"
				update="panelRP" onclick="PF('dlgPrincipal').hide();"/>

			<p:commandButton  action="#{loteBean.cancelar()}"
				value="#{mensaje.action_cancelar}" immediate="true"
				icon="ui-icon-cancel"
				onclick="if (!args.validationFailed)PF('dlg').hide();">
				<p:resetInput target="@form" />
			</p:commandButton>

			<p:separator  />
			<br />
			<p:growl autoUpdate="true" />
			<p:focus />
			<p:panel id="panelRP" header="#{mensaje.titulo_recepcion}" footer="Farma-Lizzie">
				<f:facet name="header">#{mensaje.titulo_recepcion}</f:facet>
				<!-- MASTER/CABECERA -->
				<h:panelGrid  columns="5">
					<h:panelGrid  columns="2">
						<p:outputLabel  value="#{mensaje['comun.codigo']}" />
						<p:inputText  value="#{loteBean.lote.id}" disabled="true"/>
						<p:outputLabel  value="#{mensaje['comun.fecha']}" />
						<p:calendar  pattern="dd.MM.yyyy" value="#{loteBean.lote.fecha}" disabled="true"/>
					</h:panelGrid>
					<p:panel  style="width:100px; border:none"/>
					<h:panelGrid columns="2">
						<p:outputLabel value="#{mensaje['comun.situacion']}" />		
						<p:selectOneMenu effect="fade"
							value="#{loteBean.lote.situacion}"
							disabled="true"
							required="true"
							requiredMessage="#{mensaje['comun.error.vacio']}">
							<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
								itemValue="#{_situacion}" itemDisabled="true" />
							<f:selectItems value="#{loteBean.getSituaciones()}" var="_situacion"
								itemLabel="#{mensaje['comun.situacion']}"  itemValue="#{_situacion}" />
						</p:selectOneMenu>
						<p:outputLabel  value="#{mensaje['titulo.almacen']}" />		
						<p:selectOneMenu  effect="fade"
							value="#{loteBean.lote.almacen}"
							converter="#{almacenConverter}" 
							required="true"
							requiredMessage="#{mensaje['comun.error.vacio']}">
							<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
								itemValue="#{_almacen}" itemDisabled="true" />
							<f:selectItems value="#{almacenList.findAll()}" var="_almacen"
								itemLabel="#{_almacen.nombre}" itemValue="#{_almacen}" />
						</p:selectOneMenu>
					</h:panelGrid>	
					<p:panel  style="width:100px; border:none"/>
					<h:panelGrid  columns="2">
						<p:outputLabel  value="#{mensaje['titulo.proveedor']}" />		
						<p:selectOneMenu  effect="fade"
							value="#{loteBean.lote.proveedor}"
							converter="#{proveedorConverter}" 
							required="true"
							disable="#{loteBean.disableManual}"
							requiredMessage="#{mensaje['comun.error.vacio']}">
							<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
								itemValue="#{_proveedor}" itemDisabled="true" />
							<f:selectItems value="#{proveedorList.findAll()}" var="_proveedor"
								itemLabel="#{_proveedor.nombre}" itemValue="#{_proveedor}" />
						</p:selectOneMenu>
					</h:panelGrid>	
					<br />
				</h:panelGrid>
				
				
				<p:separator  />
				

				<!-- DETAIL/DETALLE -->
				<h:form id="frmDetalle">				
						<p:panel id="panelDetalleRP" style="border:none">
							<h:panelGroup >
								<p:commandButton  disabled="#{loteBean.disableManual}" icon="ui-icon-document" 
									value="#{mensaje['label.agregarProductos']}"
										onclick="PF('dlgItemsRP').show()"
										actionListener="#{loteBean.preparaItem()}"
										
									 immediate="true"
									update=":frm_RPI" />
									
								<p:commandButton disabled="#{loteBean.disableImportar}"  icon="ui-icon-document" 
									value="#{mensaje['label.importarOrdenCompra']}"
										onclick="dlgImportarOrdenCompra.show()"
									 immediate="true"
									update=":frm_RPImp" />
								<br />
							</h:panelGroup>
							<br />
						    <p:dataTable paginator="true" rows="10"
								value="#{loteBean.lote.loteDetalle}" var="_item"
								paginatorPosition="bottom" editable = "true">
				
								<p:column  sortBy="#{_item.producto.nombre}"
									filterBy="#{_item.producto.nombre}">
									<f:facet name="header">#{mensaje['titulo_producto']}</f:facet>
				                        #{_item.producto.nombre}
				                </p:column>
				                				
								<p:column  
									sortBy="#{_item.loteNumero}"
									filterBy="#{_item.loteNumero}" headerText="#{mensaje['label.loteNumero']}">
				                    <p:cellEditor>
										<f:facet name="output">
										<h:outputText value="#{_item.loteNumero}" />
										</f:facet>
										<f:facet name="input">
										<h:inputText value="#{_item.loteNumero}"/>
										</f:facet>
									</p:cellEditor>
				                </p:column>				
				                <p:column  
									sortBy="#{_item.vencimiento}"
									filterBy="#{_item.vencimiento}" headerText="#{mensaje['comun.vencimiento']}">
				                    <p:cellEditor>
										<f:facet name="output">
										<h:outputText value="#{_item.vencimiento}" >
											<f:convertDateTime pattern="dd-MM-yyyy" />
										</h:outputText>										
										</f:facet>
										<f:facet name="input">
										<p:calendar value="#{_item.vencimiento}" pattern="dd-MM-yyyy" readonlyInput="true"/>
										</f:facet>
									</p:cellEditor>
				                </p:column>
				
								<p:column  sortBy="#{_item.cantidadRecibida}"
									filterBy="#{_item.cantidadRecibida}">
									<f:facet name="header">#{mensaje['label.cantidad']}</f:facet>
				                        #{_item.cantidadRecibida}
				                </p:column>
				                <p:column>
								   <f:facet name="header">#{mensaje.label_opciones}</f:facet>
								   <p:rowEditor id="idRowEditorProcessesLeft" />
								   <p:tooltip for="idRowEditorProcessesLeft" value="#{mensaje['comun.modificar']}"/>
								</p:column>
							</p:dataTable>
						</p:panel>
				</h:form>
			</p:panel>
			<br />
		</h:form>
	</p:dialog>
	
	<p:dialog appendTo="@(body)" dynamic="true" header="#{mensaje['comun.articulo']}" widgetVar="dlgItemsRP" resizable="false" closable="false" modal="true" height="200">  
		<h:form id="frm_RPI">
			<h:panelGrid  columns="2">
			    <p:outputLabel  value="#{mensaje['titulo_producto']}" />		
				<p:selectOneMenu  effect="fade"
					value="#{loteBean.lotesDetalles.producto}"
					converter="#{productoConverter}" 
					required="true"
					requiredMessage="#{mensaje['comun.error.vacio']}">
					<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
						itemValue="#{_producto}" itemDisabled="true" />
					<f:selectItems value="#{productoList.findAll()}" var="_producto"
						itemLabel="#{_producto.nombre}" itemValue="#{_producto}" />
				</p:selectOneMenu>	
				<p:outputLabel  value="#{mensaje['label.loteNumero']}" />
				<p:inputText  value="#{loteBean.lotesDetalles.loteNumero}"  style="width: 100px;" required="true"/>
				<p:outputLabel  value="#{mensaje['comun.vencimiento']}" />
				<p:calendar mindate="#{loteBean.currentDate}" pattern="dd-MM-yyyy" value="#{loteBean.lotesDetalles.vencimiento}" required="true" readonlyInput="true"/>
				
				<p:outputLabel  value="#{mensaje['label.cantidad']}" />
				<p:inputText  value="#{loteBean.lotesDetalles.cantidadRecibida}"  style="width: 100px;" required="true" onkeyup="$(this).val($(this).val().replace(/[^0-9]/g, ''));" />
				
			</h:panelGrid>
			<p:panel  style="width:100px; border:none"/>  
			
			
			<p:separator  />    
			<p:commandButton  action="#{loteBean.agregar()}"
				value="#{mensaje['comun.agregar']}" 
				icon="ui-icon-disk"
				 ajax="true"
				 oncomplete="handleComplete(xhr, status, args)"				 
				/>
<!-- 				onclick="PF('dlgItemsRP').hide()" -->
			<p:remoteCommand name="atualizarValidacaoFalha" update="@form" />
		    <p:remoteCommand name="atualizarValidacaoOk" update=":frm_RP:frmDetalle:panelDetalleRP, :frm_RPI" />
		    <script type="text/javascript">
		         function handleComplete(xhr, status, args) {
		            if(!args.validationFailed) {
		               dlgItemsRP.hide();		               
		               atualizarValidacaoOk();
		               
		            } else {
		               atualizarValidacaoFalha();
		            }
		         }
		    </script>
<!-- 			<p:commandButton   -->
<!-- 				value="#{mensaje.action_cancelar}" immediate="true" -->
<!-- 				icon="ui-icon-cancel" -->
<!-- 				onclick="if (!args.validationFailed)PF('dlgItemsRP').hide();"> -->
<!--  				<p:resetInput target="@form" /> --> 
<!-- 			</p:commandButton>	 -->
			<p:commandButton value="#{mensaje.action_cancelar}" icon="ui-icon-disk"
			immediate="true" 
						onclick="PF('dlgItemsRP').hide();"
						/>
			

					
		</h:form>
	</p:dialog> 

	<p:dialog appendTo="@(body)" dynamic="true" header="#{mensaje['comun.articulo']}" widgetVar="dlgImportarOrdenCompra" resizable="false" modal="true" width="800" height="500">  
		<h:form id="frm_RPImp">
			<p:commandButton value="#{mensaje['comun.importar']}" action="#{loteBean.showMessageIfSelected()}" icon="ui-icon-disk" update=":frm_RP:frmDetalle:panelDetalleRP, :frm_RPImp" onclick="PF('dlgImportarOrdenCompra').hide(); " />	
			<p:commandButton value="#{mensaje.action_cancelar}" immediate="true" icon = "ui-icon-cancel"  onclick="PF('dlgImportarOrdenCompra').hide();" />
		    <p:separator /> 	
			<p:panel>
			 	<p:dataTable id="tableImportarOC" 
			 		paginator="true" rows="10" 
			 		value="#{loteBean.ordenCompraModel}" var="_ordComp" 
			 		selection="#{loteBean.lote.ordenCompra}" rowKey="#{_ordComp.id}" 
			 		>
				<p:column sortBy="#{_ordComp.id}"
					filterBy="#{_ordComp.id}">
					<f:facet name="header">Id</f:facet>
                    #{_ordComp.id}    
                </p:column>				

				<p:column sortBy="#{_ordComp.situacion}"
					filterBy="#{_ordComp.situacion}">
					<f:facet name="header">#{mensaje['comun.situacion']}</f:facet>
                     #{_ordComp.situacion}  
                </p:column>
                
                <p:column selectionMode="single" style="width:2%" />
			        
				</p:dataTable>
			</p:panel>		
		</h:form>
	</p:dialog>

</h:body>
</html>
